{% extends "layouts/base.njk" %}

{% block title_bar %}
  {% include 'partials/breadcrumbs.njk' %}
{% endblock %}

{% block content %}
  {% if hero %}
    <div class="display-flex justify-content-center lg:pad-left-400 lg:pad-right-400">
      {% Img
        class="hero-image object-fit-cover",
        src=hero,
        alt=alt,
        width="960",
        height="480",
        sizes="(min-width: 960px) 960px, 100vw"
      %}
    </div>
  {% endif %}

  <article class="post stack measure-long center-margin width-full gap-top-300 lg:gap-top-400 pad-left-400 pad-right-400">
    <div class="stack flow-space-200">
      {% include 'partials/post-headline.njk' %}
    </div>

    {% if authors %}
      <div class="stack-exception-600 lg:stack-exception-700">
        {% include 'partials/post-authors.njk' %}
      </div>
    {% endif %}

    {% include 'partials/draft.njk' %}

    <div class="stack stack--block type center-images">
      {{ content | safe }}
    </div>

    {% include 'partials/updated.njk' %}
  </article>
{% endblock %}
